import { createRouter, createWebHashHistory } from 'vue-router'
// import Home from './components/Home.vue'
// import About from './components/About.vue'

const router = createRouter({
    history: createWebHashHistory(),
    router: [{
            path: '/',
            redirect: '/movie'
        },
        {
            path: '/home',
            component: () =>
                import ('./components/Home.vue')
        },
        {
            path: '/about',
            component: () =>
                import ('./components/About.vue'),
            children: [{
                path: '/tab1',
                component: () =>
                    import ('./components/pages/Tab1.vue')
            }, {
                path: '/tab2',
                component: () =>
                    import ('./components/pages/Tab2.vue')
            }, ]
        }, {
            path: '/movie',
            component: () =>
                import ('./components/Movie.vue'),
            children: [{
                path: ':id',
                name: 'movieDetails',
                component: () =>
                    import ('./components/MovieDetails.vue'),
                props: true
            }, ]
        }
    ]
})

export default router